<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目首页</title>
    <link rel="stylesheet" href="../static/libs/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="../static/iconfont/iconfont.css">
</head>

<body>
    <div>
        <!-- 头部  -->
        <header>
            <img class="imglogo" src="https://www.uniqlo.cn/public/Image/L1/nav/nav-logo/LOGO.gif" alt="LOGO">
            <div class="header_ul1">
                <ul>
                    <li>
                        <a href="./register.html">注册</a>
                    </li>
                    <li class="spliter"></li>
                    <li>
                        <a href="./login.html">登录</a>
                    </li>
                    <li class="spliter"></li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="iconfont icon-wode"></i>
                            <span>账号</span>
                        </a>
                    </li>
                    <li class="spliter"></li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="iconfont icon-gouwuche"></i>
                            <span>购物车</span>
                        </a>
                        <i></i>
                    </li>
                    <li class="spliter"></li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="iconfont icon-aixin"></i>
                            <span>未定义01</span>
                        </a>
                    </li>
                    <li class="spliter"></li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="iconfont icon-xinxi"></i>
                            <span>未定义02</span>
                        </a>
                    </li>
                    <li class="spliter"></li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="iconfont icon-kefu"></i>
                            <span>未定义03</span>
                        </a>
                    </li>
                    <li class="spliter"></li>
                    <li class="header_shop">
                        <a href="javascript:void(0)">
                            <i class="iconfont icon-mendian1"></i>
                            <span>未定义04</span>
                        </a>
                    </li>
                    <li class="spliter"></li>
                    <li>
                        <div class="sousuo">
                            <i class="iconfont icon-sousuo"></i>
                            <input type="text" id="search" placeholder="未定义" autocomplete="off">
                        </div>
                    </li>
                </ul>
            </div>

            <!-- 下拉列表 -->
            <div class="goshop">
                <div>
                    <span>未定义05</span>
                </div>
                <div class="goshop_left">
                    <img class="left-image" src="../static/img/ImageToLoad.png">
                    <span class="span-height">未定义06</span>
                </div>
                <div class="goshop_right">
                    <img class="right-image" src="../static/img/ImageToLoad.png">
                    <span class="span-height">未定义07</span>
                </div>
            </div>

            <!-- 导航栏 -->
            <div class="header_ul2">
                <ul class="header_ul21">
                    <li>
                        <a href="#">未定义11</a>
                    </li>
                    <li>
                        <a href="#">未定义12</a>
                    </li>
                    <li>
                        <a href="#">未定义13</a>
                    </li>
                    <li>
                        <a href="#">未定义14</a>
                    </li>
                </ul>
                <ul class="header_ul22">
                    <li>
                        <a href="#" target="_blank">未定义15</a>
                    </li>
                    <li>
                        <a href="#" target="_blank">未定义16</a>
                    </li>
                    <li>
                        <a href="#">未定义17</a>
                    </li>
                    <li>
                        <a href="#" target="_blank">未定义18</a>
                    </li>
                    <li>
                        <a href="#" target="_blank">未定义19</a>
                    </li>
                </ul>
            </div>

            <!-- https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T1_1280.jpg
            https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T2_1280.jpg
            https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T3_1280.jpg
            https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T4_1280.jpg -->
            <!-- 轮播图 -->
            <div class="swiper-container" id="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <img class="img" src="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T1_1280.jpg" data-data-original="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T1_1280.jpg" usemap="#hero_T4" border="0" data-original="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T1_1280.jpg">

                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:void(0);">
                            <img class="img" src="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T2_1280.jpg" data-data-original="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T2_1280.jpg" usemap="#hero_T1" border="0" data-original="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T2_1280.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <img class="img" src="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T3_1280.jpg" data-data-original="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T3_1280.jpg" usemap="#hero_T2" border="0" data-original="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T3_1280.jpg">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <img class="img" src="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T4_1280.jpg" data-data-original="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T4_1280.jpg" usemap="#hero_T3" border="0" data-original="https://www.uniqlo.cn/public/image/L1/2021/July/0723/hero/T4_1280.jpg">
                        </a>
                    </div>
                </div>
                <div class="swiper-pagination pst"></div>
            </div>
            <div class="swiper-button-next swiper-button-black"></div>
            <div class="swiper-button-prev swiper-button-black"></div>

            <!-- 分类 -->
            <div class="header_bottom">
                <ul>
                    <li>
                        <p><a href="javascript:;" target="_blank">未定义21</a></p>
                        <ul class="header_lis">
                            <li><a href="javascript:;">未定义1</a></li>
                            <li><a href="javascript:;">未定义2</a></li>
                            <li><a href="javascript:;">未定义3</a></li>
                        </ul>
                    </li>

                    <li>
                        <p><a href="javascript:;" target="_blank">未定义22</a></p>
                        <ul class="header_lis">
                            <li><a href="javascript:;">未定义1</a></li>
                            <li><a href="javascript:;">未定义2</a></li>
                            <li><a href="javascript:;">未定义3</a></li>
                        </ul>
                    </li>

                    <li>
                        <p><a href="javascript:;" target="_blank">未定义23</a></p>
                        <ul class="header_lis">
                            <li><a href="javascript:;">未定义1</a></li>
                            <li><a href="javascript:;">未定义2</a></li>
                            <li><a href="javascript:;">未定义3</a></li>
                        </ul>
                    </li>

                    <li>
                        <p><a href="javascript:;" target="_blank">未定义24</a></p>
                        <ul class="header_lis">
                            <li><a href="javascript:;">未定义1</a></li>
                            <li><a href="javascript:;">未定义2</a></li>
                            <li><a href="javascript:;">未定义3</a></li>
                        </ul>
                    </li>

                </ul>
            </div>

            <section class="header_activity">
                <div class="activity_top">
                    <div class="contents_title">未定义31</div>
                </div>
                <div class="activity_bot">
                    <img class="img" data-data-original="#" usemap="#MapCoupons" border="0" data-original="#">
                </div>
            </section>

        </header>
        <div class="content_box">
            <div class="bd section">
                <section class="bd_content">
                    <div class="bd_title">未定义32</div>
                    <div class="bd_contents_img img ">
                        <section>
                            <img class="img " data-data-original="#" usemap="#MapUtCollection_A " border="0 " data-original="#">
                        </section>
                        <section>
                            <img class="img " data-data-original="# " usemap="#MapUtCollection_B " border="0 " data-original="#">
                            <section class="bd_input ">
                                <a href="javascript:void(0); "><button class="uikit_link ">未定义未定义未定义33</button></a>
                            </section>
                        </section>
                    </div>
                </section>
            </div>
            <div class="bd_only section ">
                <section>
                    <div class="bd_title ">未定义35</div>
                    <div class="bd_contents_imgimg ">
                        <section><img class="img " data-original="#"></section>
                        <section class="bd_input ">
                            <a href="javascript:void(0); "><button class="uikit_link ">未定义未定义未定义36</button></a>
                        </section>
                    </div>
                </section>
            </div>

            未启动的轮播图
            <div class="bd_swiper section ">
                <div class="bd_title ">未定义37</div>
                <div class="swiper_box ">
                    <div class="swiper-cintainer " id="swiper2 ">
                        <div class="swiper-wrapper ">
                            <div class="swiper-slide ">
                                <a href="javascript:void(0) ">
                                    <img class="img " alt=" " data-original="#">
                                </a>
                            </div>
                            <div class="swiper-pagination pst "></div>
                        </div>
                        <!-- <div class="swiper-button-next swiper-button-black "></div>
                        <div class="swiper-button-prev swiper-button-black "></div> -->
                    </div>
                    <section class="bd_input "><a href="javascript:void(0); "><button>未定义未定义未定义38</button></a></section>
                </div>
                <div class="bd_only_box section "></div>
            </div>

            <!-- 页脚 -->
            <footer>
                <div class="footer_box ">
                    <div class="footer_nav ">
                        <ul>
                            <li>
                                <a href="/shop/shop_list.html " target="_blank ">授权信息</a>
                            </li>
                            <li>
                                <a href="#" rel="nofollow " target="_blank ">授权信息</a>
                            </li>
                            <li>
                                <a href="javascript:; ">授权信息</a>
                            </li>
                            <li>
                                <a href="/privacy_policy.html " target="_blank ">授权信息</a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer_webrecords ">
                        <div class="footer_font ">
                            <a href="https://beian.miit.gov.cn/ " rel="nofollow " target="_blank ">授权信息/授权信息/授权信息/授权信息/授权信息/授权信息/</a>
                            <a href="javascript:void(0); " target="_blank ">授权信息/授权信息/</a>
                        </div>
                        <div class="footer_img img ">
                            <a href="javascript:void(0); " rel="nofollow " target="_blank ">
                                <img class="img " width="75 " height="75 " src="https://www.uniqlo.cn/public/Image/L1/nav/nav-logo/LOGO.gif" alt="LOGO">
                            </a>

                        </div>
                    </div>
                </div>
            </footer>
            <!-- 楼梯 -->
            <ul class="stairs_btn ">
                <li>
                    <p>衣点</p>
                </li>
                <li>
                    <p>灵感</p>
                </li>
                <li>
                    <p>穿搭</p>
                </li>
                <li>
                    <p>展示</p>
                </li>
                <li class="gotop ">
                    <i class="iconfont icon-jiantoushang "></i>
                    <p>回顶</p>
                </li>
            </ul>
        </div>

</body>

<script src="./static/javascripts/jQuery.js "></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.8/swiper-bundle.js "></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.js "></script>
<script src="./javascripts/index.js "></script>

</html>